<template>
  <div id="app">
    <router-view />
    <qywx-init v-if="token" />
  </div>
</template>

<script>
	import qywxInit from "@/components/addressList/init.vue";
	export default {
		components:{qywxInit},
		name: 'App',
		computed: {
		  'token': function(){
			  return this.$store.state.user.token
		  }
		},
	}
</script>

<style lang="scss">
	html{
		/* max-width:1440px; */
		width: 100%;
		margin:0 auto;
		overflow-y:scroll;
	}
	/******为了解决默认读取页面账户密码的问题******/
	.zc_display{
	  position: absolute;
	    left: -10000px;
	    top: -10000px;
	    height: 0;
	    width: 0;
	}
	.el-popper{
		position: absolute !important;
	}
	.el-tooltip__popper {
		max-width: 50%;
	}
	.wx-user-box {
		border: 1px solid #f2f2f2;
		border-radius: 3px;
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .12);
		background: #fff;
		padding: 20px;
		margin-right: 20px;

		.wx-user-title {
			font-size: 16px;
			color: #333;
			padding: 15px;
			border-bottom: 1px solid #f2f2f2;
		}

		.search-box {
			padding: 20px 15px;
		}

		.wx-user-table-div {
			padding: 15px;

			.head-box {
				display: flex;
				align-items: center;

				.headimg {
					width: 34px;
					height: 34px;
					border-radius: 100%;
				}
			}
		}

		.wx-user-pagination-div {
			padding: 10px 0;
			border-top: 1px solid #dfe6ec;
			margin: 0 15px;
		}
	}
	
	.icon-refresh{
		padding: 5px 6px;
		cursor: pointer;
		&:hover{
			background: #eee;
		}
	}

	/* flex */
	.flex {
		display: flex;
	}

	.flex-end {
		display: flex;
		align-items: flex-end;
	}

	.flex-align {
		display: flex;
		align-items: center;
	}

	.flex-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.flex-space-between {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.flex-space-end {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.flex-space-around {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}
	.el-pagination{
		display: flex;
		justify-content: center;
		width: 100%;
		margin-top: 10px;
	}
	.app-title{
		border-bottom: 1px solid #ccc;
		position: relative;
		top: -10px;
		padding-bottom: 10px;
		font-size: 14px;
		font-weight: 600;
		color: #666;
		margin-bottom: 10px;
	}
	.avatar-uploader .el-upload {
	   border: 1px dashed #d9d9d9;
	   border-radius: 6px;
	   cursor: pointer;
	   position: relative;
	   overflow: hidden;
	 }
	 .avatar-uploader .el-upload:hover {
	   border-color: #409EFF;
	 }
	 .avatar-uploader-icon {
	   font-size: 28px;
	   color: #8c939d;
	   width: 80px;
	   height: 80px;
	   line-height: 80px;
	   text-align: center;
	 }
</style>
